<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Logvan</title>
<link rel="shortcut icon" href="/escolares/html/images/icon/van.png">
<link href="/escolares/html/css/bootstrap.css" rel="stylesheet"
	type="text/css">
<link href="/escolares/html/css/DT_bootstrap.css" rel="stylesheet"
	type="text/css">
<link href="/escolares/html/css/bootstrap-datetimepicker.min.css"
	rel="stylesheet" type="text/css">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/escolares/html/js/bootstrap.js"></script>
<script src="/escolares/html/js/jquery.dataTables.js"></script>
<script src="/escolares/html/js/DT_bootstrap.js"></script>
<script src="/escolares/html/js/bootstrap-datetimepicker.min.js"></script>
<script src="/escolares/html/js/jquery.validate.min.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<script type="text/javascript">
	$(function() {
		$('#datetimepicker4').datetimepicker({
			pickTime : false
		});
	});
	$(function() {
		$('#formApoderado')
				.validate(
						{

							rules : {
								tRut : {
									required : true
								},
								mi_email : {
									required : true,
									email : true
								},
								mi_nombre : {
									required : true,
									minlength : 3,
									maxlength : 9
								}
							},
							messages : {
								tRut : {
									required : "Debe ingresar el Rut del Apoderado"
								},
								mi_email : {
									required : "Debe ingresar el email",
									email : "Debe ingresar un email valido"
								},
								mi_nombre : {
									required : "Debe ingresar un nombre",
									minlength : "EL nombre debe tener un minimo de 3 caracteres",
									maxlength : "EL nombre debe tener un maximo de 9 caracteres"
								}
							}
						});
	});
</script>


<body style="padding-top: 0px">
	<div class="container">
		<!-- Main component for a primary marketing message or call to action -->
		<div class="well" style="width: 350px">
			<s:if test="okMessage=='Datos Actualizados Satisfactoriamente.'">
				<div class="alert alert-success">
					<s:property value="okMessage" />
				</div>
			</s:if>
			<s:if test="errorMessage=='Se ha producido un error inesperado.'">
				<div class="alert alert-error">
					<s:property value="errorMessage" />
				</div>
			</s:if>
			<h4 style="color: #5BB75B">Nuevo Apoderado.</h4>
			<hr class="bs-docs-separator">
			<s:form id="formApoderado" cssClass="form-inline" role="form"
				action="saveApoderado" method="post" theme="simple" namespace="">
				<s:hidden name="existOrNew" value="0"></s:hidden>
				<div class="control-group" style="margin-left: 50px">

					<div class="controls">
						<s:textfield cssClass="span3" id="tRut" placeholder="Ingrese Rut"
							name="apoderado.rut" class="required"></s:textfield>
					</div>

					<div class="controls">
						<s:textfield cssClass="span3" id="tNombres"
							name="apoderado.nombres" value="%{apoderado.nombres}"
							placeholder="Ingrese Nombre"></s:textfield>
					</div>

					<div class="controls">
						<s:textfield cssClass="span3" id="tApellidos"
							name="apoderado.apellidos" value="%{apoderado.apellidos}"
							placeholder="Ingrese Apellidos"></s:textfield>
					</div>

					<div class="controls">
						<s:textfield cssClass="span3" id="tDireccion"
							name="apoderado.direccion" placeholder="Ingrese Direccion"></s:textfield>
					</div>

					<div class="controls">
						<s:select id="sDiaPago" headerValue="Seleccione Dia de Pago"
							cssClass="span2" name="apoderado.diaPago"
							value="%{apoderado.diaPago}" list="diasPago">
						</s:select>
						<div class="controls"></div>

						<s:textfield cssClass="span3" id="tContratoId"
							placeholder="Ingrese Numero de Contrato"
							name="apoderado.contratoId"></s:textfield>
					</div>

					<div class="controls">
						<s:textfield cssClass="span3" id="tEmail" name="apoderado.email"
							placeholder="Ingrese Email"></s:textfield>
					</div>

					<div class="controls">
						<s:textfield cssClass="span3" id="tTelefono"
							name="apoderado.telefono" placeholder="Ingrese Telefono"></s:textfield>
					</div>

					<hr class="bs-docs-separator">
					<div class="controls" style="text-align: right; margin-right: 50px">
						<s:submit action="saveApoderado" key="label.save"
							cssClass="btn btn-info" />
					</div>
				</div>

			</s:form>
		</div>
	</div>
</body>
</html>

